<!DOCTYPE html>
<style>
table { border-spacing: 0; }
</style>
<table style="margin-left: 100px; margin-top: 100px; width: 200px; height: 200px">
  <tr style="background: green"><td></td><td></td><td></td><td></td></tr>
  <tr style="background: blue"><td></td><td></td><td></td><td></td></tr>
  <tr style="background: magenta"><td></td><td></td><td></td><td></td></tr>
  <tr style="background: maroon"><td></td><td></td><td></td><td></td></tr>
</table>
<table style="margin-left: 100px; margin-top: 20px; width: 100px; height: 100px">
  <tr style="background: green"><td></td><td></td></tr>
  <tr style="background: blue"><td></td><td></td></tr>
</table>
<table style="margin-left: 100px; margin-top: 20px; width: 100px; height: 100px">
  <tr style="background: magenta"><td></td><td></td></tr>
  <tr style="background: maroon"><td></td><td></td></tr>
</table>
